<template>
  <div>
    <h1>大头</h1>
    <tie-tou></tie-tou>
    <button @click="get$attrs">获取$attrs</button>
    <button @click="btnTest">test 大头身上的自定义事件</button>
  </div>
</template>

<script>
import TieTou from "./TieTou.vue";
export default {
  name: "",
  // props: ["msg", "obj"],
  props: ["info"],
  data() {
    return {
      parent: "xiaotoubaba",
    };
  },
  components: { TieTou },
  computed: {},

  beforeMount() {},

  mounted() {},

  methods: {
    get$attrs() {
      console.log(this.$attrs);
      console.log(this.$attrs.obj.hobby);
      console.log(this.$attrs.obj.hobby[1]);
    },
    btnTest() {
      this.$listeners.test();
      console.log(this.$listeners);
      this.$listeners.tutu();
    },
  },

  watch: {},
};
</script>
<style lang='' scoped>
</style>